<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="minimum-scale=1.0,maximum-scale=1,width=device-width,user-scalable=no" />
<title>首页</title>
<!--link rel="stylesheet" type="text/css" media="all" href="css/style.css" /-->
<link rel="stylesheet" type="text/css" media="all and (orientation:portrait)" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="all and (orientation:landscape)" href="css/style_land.css"/>
<script src="js/scrollpic.js" type="text/javascript"></script>

</head>

<body>
<section class="nav">
 <div class="subNav">
    <div class="slipMarquee" id="stock">
      <span class="stockName"><a href="#">道琼斯</a></span> 
      <span class="shu">11061.12</span>
      <span class="red">↑68.99</span> 
      <span class="red">↑0.63%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">纳斯达克</a></span> 
      <span class="shu">2495.09</span> 
      <span class="red">↑27.1</span> 
      <span class="red">↑1.10%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">日经指数</a></span> 
      <span class="shu">8581.27</span> 
      <span class="red">↑45.6</span> 
      <span class="red">↑0.53%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">香港恒指</a></span> 
      <span class="shu">19030.54</span> 
      <span class="green">↓-836.09</span> 
      <span class="green">↓-4.21%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">德DAX</a></span> 
      <span class="shu">5072.33</span> 
      <span class="green">↓-117.6</span> 
      <span class="green">↓-2.27%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">法CAC</a></span> 
      <span class="shu">2854.81</span> 
      <span class="green">↓-119.78</span> 
      <span class="green">↓-4.03%</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="stockName"><a href="#">奥ATX</a></span> 
      <span class="shu">1968.72</span> <span class="green">↓-77.41</span> <span class="green">↓-3.78%</span>&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
  </div>  
  <div class="subNav">
    <div class="slipMarquee" id="news">
      <span class="new"><a href="#">公安部:醉驾一律以涉危险驾驶罪立案侦查</a></span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="new"><a href="#">郭美美受访满嘴跑火车哪句能信</a></span>&nbsp;&nbsp;&nbsp;&nbsp; 
      <span class="new"><a href="#">13人20余天花费80多万，领导是扶贫还是打劫？</a></span>&nbsp;&nbsp;&nbsp;&nbsp;
      <span class="new"><a href="#">温家宝：中国有能力有条件保持经济平稳较快发展</a></span>&nbsp;&nbsp;&nbsp;&nbsp; 
      <span class="new"><a href="#">叶挺之孙称其家祖坟因修路遭破坏 当地政府回应</a></span>&nbsp;&nbsp;&nbsp;&nbsp;    
    </div>
  </div>
	<p>10.06.2012</p>
</section>

<section class="multiLists">
	<div class="multiList">
      <div class="outPost">
    	<div class="post">
          <a href="#">
        	<h2>广南高速发生持枪挟持人质案 劫犯已被击毙(1)</h2>
            <div class="postIn">
            <img src="images/121980794_31n.jpg"/>
            <p>13日晚，四川广南高速阆中至苍溪段发生一起持枪劫持人质案，据央视等媒体报道，已造成两死一伤。参与现场交通管制的广南高速交警透露，经过一夜的对峙，14日上午10时许，警方已成功解救人质，击毙劫犯。广南高速目前已恢复正常通行。据央视等媒体报道，14上午，在四川广南高速苍溪县境内，广南高速阆中入口进去不远的高速路上发生持枪抢劫案。四名男子持枪抢劫，已至两死一伤。</p>
            </div> 
          </a>          
        </div>
      </div>
    </div>
    <div class="multiList">
      <div class="outPost">   
        <div class="post1">
            <img src="images/121904685_61n.jpg"/>        
            <img src="images/121980794_31n.jpg"/>
            <img src="images/121981726_11n.jpg"/>
        </div>
      </div>
    </div>
	<div class="multiList">
       <div class="outPost">
    	<div class="post">
          <a href="#">
        	<h2>广南高速发生持枪挟持人质案 劫犯已被击毙(3)</h2>
            <div class="postIn">
            <img src="images/121981726_21n.jpg"/>
            <p>13日晚，四川广南高速阆中至苍溪段发生一起持枪劫持人质案，据央视等媒体报道，已造成两死一伤。参与现场交通管制的广南高速交警透露，经过一夜的对峙，14日上午10时许，警方已成功解救人质，击毙劫犯。广南高速目前已恢复正常通行。据央视等媒体报道，14上午，在四川</p> 
            </div>
          </a>           
        </div>
      </div>
    </div>
	<div class="multiList">
      <div class="outPost">    
    	<div class="post">
          <a href="#">
        	<h2>广南高速发生持枪挟持人质案 劫犯已被击毙(4)</h2>
            <div class="postIn">
            <img src="images/121981726_11n.jpg"/>
            <p>13日晚，四川广南高速阆中至苍溪段发生一起持枪劫持人质案，据央视等媒体报道，已造成两死一伤。参与现场交通管制的广南高速交警透露，经过一夜的对峙，14日上午10时许，警方已成功解救人质，击毙劫犯。广南高速目前已恢复正常通行。据央视等媒体报道，14上午，在四川广南高速苍溪县境内，广南高速阆中入口进去不远的高速路上发生持枪抢劫案。四名男子持枪抢劫，已至两死一伤。</p> 
            </div> 
          </a>          
        </div>
      </div>
    </div>
	<div class="multiList">
      <div class="outPost">
    	<div class="post">
          <a href="#">
        	<h2>广南高速发生持枪挟持人质案 劫犯已被击毙(5)</h2>
            <div class="postIn">
            <p>13日晚，四川广南高速阆中至苍溪段发生一起持枪劫持人质案，据央视等媒体报道，已造成两死一伤。参与现场交通管制的广南高速交警透露，经过一夜的对峙，14日上午10时许，警方已成功解救人质，击毙劫犯。广南高速目前已恢复正常通行。据央视等媒体报道，14上午，在四川</p>
            </div>
          </a>            
        </div>
      </div>
    </div>
    <div class="multiList">
      <div class="outPost">
    	<div class="post">
          <a href="#">
        	<h2>广南高速发生持枪挟持人质案 劫犯已被击毙(6)</h2>
            <div class="postIn">
            <p>13日晚，四川广南高速阆中至苍溪段发生一起持枪劫持人质案，据央视等媒体报道，已造成两死一伤。参与现场交通管制的广南高速交警透露，经过一夜的对峙，14日上午10时许，警方已成功解救人质，击毙劫犯。广南高速目前已恢复正常通行。据央视等媒体报道，14上午，在四川</p>
            </div>
          </a>            
        </div>
      </div>
    </div>

     	 
    <div class="clear"/>
</section>
<section class="clearer">
</section>
<footer>
	<div><img src="images/ad994x68.png"/></div>
</footer>
<script language="javascript" type="text/javascript"> 
	var scrolltxt = new ScrollPic();
	scrolltxt.scrollContId   = "stock";
	scrolltxt.arrVertical = true;
	scrolltxt.frameSet     = 1000;
	scrolltxt.pageSet      = 1;
	scrolltxt.speed          = 0.02;
	scrolltxt.space          = 1;
	scrolltxt.autoPlay       = true;
	scrolltxt.autoPlayTime   = 0.02;
	scrolltxt.initialize();

	
	var scrolltxt2 = new ScrollPic();
	scrolltxt2.scrollContId   = "news";
	scrolltxt2.arrVertical = true;
	scrolltxt2.frameSet     = 1000;
	scrolltxt2.pageSet      = 1;
	scrolltxt2.speed          = 0.02;
	scrolltxt2.space          = 1;
	scrolltxt2.autoPlay       = true;
	scrolltxt2.autoPlayTime   = 0.02;
	scrolltxt2.initialize();


function websocket(url,stockid,scrolltxt){
	var socket = new WebSocket(url); 

	socket.onmessage = function(event) {
		var stock = window.JSON.parse(event.data);
		var stockText = "";
		for(var i=0;i<stock.length;i++){
			if(stock[i].raw == '0'){
				stockText += '<span class="stockName">' + stock[i].name + '</span>&nbsp;&nbsp;';
				stockText += '<span class="shu">' + stock[i].points + '</span>&nbsp;&nbsp;';
				stockText += '<span class="shu">' + stock[i].change + '</span>&nbsp;&nbsp;';
				stockText += '<span class="shu">' + stock[i].changeScale + '</span>&nbsp;&nbsp;&nbsp;&nbsp;';
			}else if(stock[i].raw == '1'){
				stockText += '<span class="stockName">' + stock[i].name + '</span>&nbsp;&nbsp;';
				stockText += '<span class="shu">' + stock[i].points + '</span>&nbsp;&nbsp;';
				stockText += '<span class="red">↑' + stock[i].change + '</span>&nbsp;&nbsp;';
				stockText += '<span class="red">↑' + stock[i].changeScale + '</span>&nbsp;&nbsp;&nbsp;&nbsp;';
			}else if(stock[i].raw == '2'){
				stockText += '<span class="stockName">' + stock[i].name + '</span>&nbsp;&nbsp;';
				stockText += '<span class="shu">' + stock[i].points + '</span>&nbsp;&nbsp;';
				stockText += '<span class="green">↓' + stock[i].change + '</span>&nbsp;&nbsp;';
				stockText += '<span class="green">↓' + stock[i].changeScale + '</span>&nbsp;&nbsp;&nbsp;&nbsp;';
			}
		}

		document.getElementById(stockid).innerHTML = stockText;
		scrolltxt.initialize();
    };    
}

websocket("ws://192.168.1.220:9090/echo",'stock',scrolltxt);
</script> 

</body>

</html>
